import Vue from 'vue'
import axios from 'axios'
import { getToken, removeToken } from './token'
import router from '../router/index'
axios.defaults.baseURL = process.env.VUE_APP_BASEURL
// 让ajax携带cookie
axios.defaults.withCredentials = true

// 添加请求拦截器
axios.interceptors.request.use(function (config) {
  // 在发送请求之前做些什么
  // console.log(config) // 打印请求头找到在headers添加token属性存储我们带过来的token
  const token = getToken()
  // console.log('token', token)查看是否拿到token
  // 如果有token给config.headers加一个token属性赋值token
  if (token) {
    config.headers.token = token
  }
  return config
}, function (error) {
  // 对请求错误做些什么
  return Promise.reject(error)
})

// 添加响应拦截器
axios.interceptors.response.use(
  function (response) {
    // console.log(response)
    if (response.data.code === 206) {
      // 提示过期,注意此处是js文件使用this会是undefined
      // 解决方式1,直接通过vue原型调用message方法
      //         2.引入message模块
      Vue.prototype.$message.error('登陆过期,请重新登陆')
      // 删除token
      removeToken()

      // 跳转回登录页
      router.push('/login')
    }
    // 对响应数据做点什么
    return response.data
  },
  function (error) {
  // 对响应错误做点什么
    return Promise.reject(error)
  }
)

Vue.prototype.$axios = axios
